<template>
  <div>
    <div class="title-box">
      <div class="font-26">国代品牌授权合作</div>
      <span class="border-bottom"></span>
    </div>
    <div class="img-box">
      <img src="../../../assets/brand/inglesina.png" alt="">
      <img src="../../../assets/brand/elvie.png" alt="">
      <img src="../../../assets/brand/aleva.png" alt="">
      <img src="../../../assets/brand/babycocole.png" alt="">
      <img src="../../../assets/brand/suavinex.png" alt="">
    </div>
  </div>
</template>

<script>
export default {
  name: 'InternationalBrand'
}
</script>

<style lang="stylus" scoped>
  @import "~common/stylus/variable.styl"
  .title-box
    margin-top 1rem
    display flex
    flex-direction column
    align-items center
    .font-30
      color $color-blue
    .border-bottom
      padding-top .24rem
      width .32rem
      border-bottom 0.08rem solid $color-black
  .img-box
    display flex
    flex-direction row
    flex-wrap wrap
    justify-content space-around
    img
      width 40%
      margin-top .4rem
  :after
    content ''
    width 40%
</style>
